<#assign menuId=6>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>客户详情-${Application.systemName!}</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
        <link href="../css/sweet-alert.css" rel="stylesheet" type="text/css" />
		<link href="../css/main.css" rel="stylesheet" type="text/css" />
		<link href="../css/myself.css" rel="stylesheet" type="text/css" />
    	<style type="text/css">
    		*{
    			margin: 0;
    			padding: 0;
    		}
    		ul li{
    			list-style: none;
    		}
    		
    		.pull{
    			margin-bottom: 10px;
    		}
    		.pull-left{
    			border-left: 6px solid #3882FF;
    			padding: 0 5px;
    		}
    		.fontW{
    			font-size: 14px;
    			font-weight: bold;
    		}
    		.rect{ 
    			margin-right: 10px; 
    			width: 7px; 
    			height: 20px; 
    			display: inline-block;
    			background: #3882ff;
    		}
    		.custormView{
    			margin-top: 10px;
    		}
    		.custormLabel{
    			border: 1px solid black;
    			padding: 2px 5px;
    		}
    	
    		.productInformation .style{
    			border: 1px solid #3882ff;
    			color: #3882ff;
    			padding: 5px; 
    			margin: 0 5px 7px 0;
    		}
    		.productInformation table tr td{
    			padding-left: 16px;
    		}
    		.design div:nth-child(2){
    			color: red;
    		}
    		.style-image{
    			display: inline-block;
    			padding: 30px;
    			border: 1px solid black;
    			float: left;
    		}
    		.style-number{
    			margin-left: 10px;
    			margin-top: 20px;
    			float: left; 		
    		}
    		.lit{
    			display: flex;
    			justify-content: space-between;
    		}
    		.lit div:nth-child(1){
    			margin-right: 30%;
    		}
    		.custorm-view{
    			border: none;
    		}
    		.custormView table tr td{
    			height: 30px;
    			padding: 0 8px;
    			line-height: 15px;
    			padding-top: 8px;
    		}
    		.left-text{
    			background: rgb(246, 246, 246);
    		}
    		.center tr th, .center tr td{
    			text-align: center; 
    		}
    		.center tr td:nth-child(1) {
    			text-align: left;
    		}
    		.text-center .table tr td{
    			text-align: center;
    		}
    		.new_drop {
			    min-width: 95px;
			}
    		/* 右边头部样式 */
    		.ol_left{
	            width: 100%;
	            height: 30px;
	            line-height: 30px;
	            padding: 0;
	        }
	        .ol_left>li{
	        	list-style: none;
	            float: left;
	            margin-right: 5px;
	        }
	        .ol_left li, .ol_left{
	        	margin-bottom: 0;
	        }
	        .content-header-right{
	        	position: absolute; 
	        	top: 25px; 
	        	right: 20px;
	        }
	        
	        /* 下载按钮样式 */
	        .down{
				width: 70px;
				height: 30px; 
				border: 1px solid #99D3F5;
				color: #1E88C7;
				display: inline-block;
				text-align: center;
				border-radius: 2px;
				margin: 0 0 5px 10px;
			}
			.down-i{
				color: #1E88C7;
			}
			#fileName1{
				color: #3882ff;
				
			}
			
			
			/* 打样订单弹框样式 */
        	.DaYang .close{
				margin-right: 10px;
				margin-top: 5px;
			} 
			.DaYang .modal-header {
     			padding: 0; 
   				border-bottom: 0;
			}
        	.DaYang {
			    width: 420px;
				margin: 200px auto;
			}
			
			.DaYang a{
				margin-bottom: 25px;
				width: 344px; 
				height: 88px; 
				color: white;  
				font-family: '微软雅黑'; 
				font-weight: bold; 
				display: inline-block;  
				border-radius: 4px; 
				text-align: left; 
				line-height: 88px;
				margin-left: 20px;
			}
			.DaYang a i{
				color: white; 
				font-weight: normal;
			}
			.DaYang .icon_i1{
				margin-left: 50px;
			}
			.DaYang .icon_i2{
				margin-left: 30px;
			}
			.DaYang a span{
				font-size: 20px;
				text-align: left;
				display: inline-block;
				margin-left: 120px;
			}
        	.DaYang .customers_a{
				position: relative;
				background: -webkit-linear-gradient(left, rgba(59,160,225,1), rgba(59,158,225,1), rgba(56,125,225,1)); /* Safari 5.1 - 6.0 */
			    background: -o-linear-gradient(right, rgba(59,160,225,1), rgba(59,158,225,1), rgba(56,125,225,1)); /* Opera 11.1 - 12.0 */
			    background: -moz-linear-gradient(right, rgba(59,160,225,1), rgba(59,158,225,1), rgba(56,125,225,1)); /* Firefox 3.6 - 15 */
			    background: linear-gradient(to right, rgba(59,160,225,1), rgba(59,158,225,1), rgba(56,125,225,1)); /* 标准的语法（必须放在最后） */
				margin-top: 10px;
			}
			.DaYang .bg_customer{
				width: 67px; 
				height: 50px; 
				position: absolute; 
				top: 0; 
				left: 25px; 
			}
			.DaYang .yangyi_a{
				background: -webkit-linear-gradient(left, rgba(248,180,69,1), rgba(248,172,69,1), rgba(248,128,69,1)); /* Safari 5.1 - 6.0 */
			    background: -o-linear-gradient(right, rgba(248,180,69,1), rgba(248,172,69,1), rgba(248,128,69,1)); /* Opera 11.1 - 12.0 */
			    background: -moz-linear-gradient(right, rgba(248,180,69,1), rgba(248,172,69,1), rgba(248,128,69,1)); /* Firefox 3.6 - 15 */
			    background: linear-gradient(to right, rgba(248,180,69,1), rgba(248,172,69,1), rgba(248,128,69,1)); /* 标准的语法（必须放在最后） */
			}
        	
    	</style>
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <#include "../header.html"/>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <#include "../menu.html"/>
            <!--right-side-->
            <aside class="right-side">
            	<section class="content-header">
            		<h1>客户详情
	                	<small><a href="javascript:window.history.back();">返回</a></small>
	                </h1>
	                <ol class="ol_left">
		                <li>当前位置：</li>
		                <li><a href="list">客户管理</a></li>
		                <li>> 新增客户</li>
		            </ol>
		            <hr class="no-margin" />
		            <span class="pull-right content-header-right">
	            		<span class="six-font">最近编辑 ：${(customer.updateAt?string('yyyy/MM/dd HH:mm'))!customer.createAt?string('yyyy/MM/dd HH:mm')}</span>
	            		<div class="btn-group">
						  	<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> 
							创建订单 <span class="caret"></span>
							</button>
							<ul class="dropdown-menu dropdown-menu-right new_drop" role="menu">
							  	<li><a href="../designorder/addPage?customerId=${customer.id!}&customerName=${customer.fullname!}">设计订单</a></li>
							    <li><a href="#" data-toggle="modal" data-target="#myModal1">打样订单</a></li>
							</ul>
						</div>
	            		
	            		<!--创建打样订单弹框-->
			          	<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							<div class="modal-dialog DaYang" >
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
											&times;
										</button>
										
									</div>
									<div class="modal-body">
										<a href="../proofingorder/addSample?customerId=${customer.id!}&customerName=${customer.fullname!}" class="customers_a"  style="position: relative;">
											<span>客户提供样衣</span>
											<i class="iconfont icon_i1">&#xe6f1;</i>
											<div class="bg_customer">
												<img src="../img/ic_people.png">
											</div>
										</a>
										<a href="../proofingorder/selectSample?customerId=${customer.id!}&customerName=${customer.fullname!}" class="yangyi_a" style="position: relative;">
											<span>从样衣库中选择</span>
											<i class="iconfont icon_i2">&#xe6f1;</i>
											<div class="bg_customer">
												<img src="../img/ic_cloth.png">
											</div>
										</a>
									</div>
									
								</div><!-- /.modal-content -->
							</div><!-- /.modal -->
						</div>
                   		<button type="button" id="edit" class="btn btn-default">编辑</button>
                   		<button type="button" id="delete_customer" class="btn btn-default">删除</button>
	                </span>
               </section>
                <!-- Content Header (Page header) -->
                <section class="content">
                    <div class="row">
                    	<div class="col-md-12">
                            <div class="box" style="padding: 20px;">
			                    <div class="pull center">
			                    	<div class="pull-left fontW" style="margin-bottom: 10px">
				                    	客户信息
				                    	<p hidden id="id">${(customer.id)}</p>
				                    </div>
			                    </div>
			                    <div class="custormView center">
			                    	<table class="table table-bordered" >
				                    	<tr>
				                    		<td class="text-center no-padding no-margin" width="10%">
				                    			<table class="table table-ordered no-padding no-margin">
				                    				<tr>
				                    					<td style="border:0">客户编号</td>
				                    				</tr>
				                    				<tr>
				                    					<td  style="border:0">客户名称</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">客户分类</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">网&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址</td>	
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    		<td clas=" no-padding no-margin" width="40%">
				                    		
				                    			<table class="table table-ordered no-padding no-margin">
				                    				<tr>
				                    					<td style="border:0">&nbsp;${(customer.code)!}</td>
				                    				</tr>
				                    				<tr>
				                    					<td  style="border:0" id="fullname">&nbsp;${(customer.fullname)!}</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">&nbsp;${(customer.category)!}</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">&nbsp;<a href="${(customer.web)!}">${(customer.web)!}</a></td>	
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">&nbsp;${(customer.memo)!}</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    		<td width="10%"  class="text-center no-padding no-margin">
				                    			<table class="table table-orderedy no-padding no-margin">
				                    				<tr>
				                    					<td style="border:0">客户等级</td>
				                    				</tr>
				                    				<tr>
				                    					<td  style="border:0">客户简称</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">公司地址</td>	
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">收件地址</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    		<td class=" no-padding no-margin" width="40%">
				                    		
				                    			<table class="table table-ordered no-padding no-margin">
				                    				<tr>
				                    					<td style="border:0">&nbsp;
				                    						<#if customer.level=="V1">
						                    					<i class="iconfont">&#xe6eb;</i>
						                    				<#elseif customer.level=="V2">
						                    					<i class="iconfont fl">&#xe6ed;</i>
						                    				<#else>
						                    					<i class="iconfont fl">&#xe6e9;</i>
					                    					</#if>
				                    					</td>
				                    				</tr>
				                    				<tr>
				                    					<td  style="border:0">&nbsp;${(customer.abbreviation)!}</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">&nbsp;${(customer.province)!} ${(customer.city)!} ${(customer.area)!} ${(customer.detailAddress)!}</td>	
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">&nbsp;${(customer.deliveryAddress)!}</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    	</tr>
				                    	<#list customer.contacts as contact>
				                    	<tr>
				                    		<td class="text-center no-padding no-margin">
				                    			<table class="table table-ordered no-padding no-margin">
				                    				<tr>
				                    					<td style="border:0">联系人姓名</td>
				                    				</tr>
				                    				<tr>
				                    					<td  style="border:0">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    		<td class=" no-padding no-margin">
				                    			<table class="table table-ordered no-padding no-margin">
				                    				<tr>
				                    					<td style="border:0">&nbsp;${(contact.linkman)!}</td>
				                    				</tr>
				                    				<tr>
				                    					<td  style="border:0">&nbsp;${(contact.email)!}</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    		<td class="text-center no-padding no-margin">
				                    			<table class="table table-ordered no-padding no-margin">
				                    				<tr>
				                    					<td style="border:0">联系方式</td>
				                    				</tr>
				                    				<tr>
				                    					<td  style="border:0">职位/部门</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    		<td class=" no-padding no-margin">
				                    			<table class="table table-ordered no-padding no-margin">
				                    				<tr>
				                    					<td style="border:0">&nbsp;${(contact.contact)!}</td>
				                    				</tr>
				                    				<tr>
				                    					<td  style="border:0">&nbsp;${(contact.deptPosition)!}</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    	</tr>
				                    	</#list>
				                    </table>
			                    </div>
			                    <div class="center clearfix">
			                    	 <div class="pull pull-left fontW">产品信息</div>
			                    </div>
			                   
			                    <div class="productInformation center">
			                    	<table class="table table-bordered" >
			                    	
			                    		<tr>
			                    			<td width="10%" style="border-bottom:0;text-align: center">产品品类</td>
			                    			<td width="40%" style="border:0" class="clearfix text-left">&nbsp;
			                    				
	                    						<#if customer.productCategory?size!=0>
			                    				<#list customer.productCategory as productCategory>
			                    					 <div class="style pull-left">${productCategory}</div>
			                    				</#list>
			                    				<#else>
			                    					/
			                    				</#if>
			                    				<div class="clear" style="clear: both;"></div>
					                    					
			                    			</td>
			                    			<td class="text-center" width="10%" style="border-bottom:0">风格标签</td>
			                    			<td width="40%" style="border-bottom:0" class="clearfix">&nbsp;
			                    				<#if customer.styleLabel?size!=0>
					                    			<#list customer.styleLabel as styleLabel>
					                    				<div class="style pull-left">${styleLabel}</div>
					                    			</#list>
					                    			<#else>/
				                    			</#if>
				                    			<div class="clear" style="clear: both;"></div>
			                    			</td>
			                    		</tr>
			                    		<tr>
			                    			<td style="border-top: 0;text-align: center">附&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;件</td>
			                    			<td class="text-left" style="border-top: 0;">&nbsp;
	                    						<#if customer.attachment?size!=0>
			                    				<#list customer.attachment as attach>
	                    						<span id="fileName1">${attach.originName!}</span>
	                    						<a href="../businessfile/downFile?businessFileId=${attach.id!}" class="down"><i class="iconfont down-i"></i>点击下载</a>	
	                    						</br>
			                    				</#list>
			                    				<#else>/
			                    				</#if>
	                    					</td>
	                    					<td style="border-top: 0;"></td>
	                    					<td style="border-top: 0;"></td>
			                    		</tr>
 			                    	</table>
			                    </div>
			                    <div class="center clearfix">
			                    	 <div class="pull pull-left fontW">销售信息</div>
			                    </div>
			                    <div class="saleInformation center">
			                    	<table class="table table-bordered no-margin" >
				                    	<tr>
				                    		<td width="10%" class="no-padding no-margin text-center">
				                    			<table class="table table-ordered  no-padding no-margin"> 
				                    				<tr>
				                    					<td style="border:0">
				                    						目标人群
				                    					</td>
				                    				<tr>
				                    					<td style="border:0">
				                    						销售价格
				                    					</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">
				                    						上新频率
				                    					</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    		<td width="40%" class="no-padding no-margin">
				                    			<table class="table table-ordered  no-padding no-margin">
				                    				<tr>
				                    					<td style="border:0">
				                    					&nbsp;
				                    						${(customer.targetConsumer)!}
				                    					</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">
				                    					&nbsp;
				                    						${(customer.salePrice)!}
				                    					</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">
				                    					&nbsp;
				                    						${(customer.updateFrequency)!}
				                    					</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    		<td width="10%" class="text-center no-padding no-margin">
				                    			<table class="table  no-padding no-margin">
				                    				<tr>
				                    					<td style="border:0">
				                    						销&nbsp;&nbsp;&nbsp;售&nbsp;&nbsp;&nbsp;渠&nbsp;&nbsp;&nbsp;道
				                    					</td>
				                    				<tr>
				                    					<td style="border:0">
				                    						预计年销售额
				                    					</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">
				                    						上&nbsp;&nbsp;&nbsp;新&nbsp;&nbsp;&nbsp;数&nbsp;&nbsp;&nbsp;量
				                    					</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    		<td width="40%" class="no-padding no-margin">
				                    			<table class="table no-padding no-margin">
				                    				<tr>
				                    					<td style="border:0; padding: 8px">
				                    					&nbsp;
				                    						${(customer.saleChannel)!}
				                    					</td>
				                    				<tr>
				                    					<td style="border:0">&nbsp;
				                    						${(customer.saleAmount)!}
				                    					</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="border:0">&nbsp;
				                    						<#if customer.updateCount??>
				                    						${customer.updateCount}款/次
				                    						</#if>
				                    					</td>
				                    				</tr>
				                    			</table> 
				                    		</td>
				                    	</tr>
				                    </table>
			                    </div>
			                    
			                 
                            </div><!-- /.box -->

                            
                        </div><!-- /.col -->
                        
                    </div><!-- /.row -->
                    
                </section>

                <!-- Main content -->
                <section class="content">
					
				
                </section><!-- /.content -->
                
                
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->


        <!-- jQuery 2.0.2 -->
        <script src="../js/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
        <script src="../js/sweet-alert.min.js" type="text/javascript"></script>
        <script src="../js/customer/customer.js" type="text/javascript"></script>
        <script type="text/javascript">
        	
        </script>
    </body>
    
</html>